<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>

<link href="style.css" rel="stylesheet" />

<script type="text/javascript">
	function displayDate() {
		document.getElementById("demo").innerHTML = Date();
	}
	function titleMod() {
		var heads = document.getElementsByTagName("h1");
		var head = heads[0];
		head.style.cssText = "color:black";
	}
</script>

<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
	$(function() {
		$('#no').addClass('hidden');
		$('#yes').removeClass('hidden');
	});
</script>

<script type="text/javascript" src="gkajax.js"></script>

</head>
<body>

	<h1>Some Script Stuff</h1>
	<h2>A subtext</h2>
	<h3>A heading three</h3>
	<a href="mainpage.htm">Home</a><br/><br/>
	<p id="demo">This is a paragraph.</p>
	<div id="div1">AJAX will replace this...</div>
	<div id="div2">AND this...</div>

	<button type="button" onclick="displayDate()">Display Date</button>
	<button type="button" onclick="titleMod()">Mod Title</button>
	<!-- 1 (note - will work running from filesystem FILE://) -->
	<button type="button" onclick="getGoogle()">Change AJAX Line 2</button><button type="button" onclick="myFunction()">Change AJAX Line</button>
	
	<br />
	<br />
	<div id="txtCDInfo">
		<button onclick="setupCdLoad('cd_catalog.xml')">Get CD info</button>
	</div>

	<div class="higlightquery">
		<p>Is jQuery enabled?</p>
		<p id="no">No it is NOT.</p>
		<p class="hidden" id="yes">Yes it is.</p>
	</div>

</body>
</html>